<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/WEB-INF/tld/jmesa.tld" prefix="jmesa" %>
<%@ page import="org.jmesa.web.HttpServletRequestWebContext"%> 
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  
<title>Ofertas de Carga - Alta</title>
<link rel='stylesheet' type='text/css' href='css/estilos.css' />


		

      <!-- blueprint framework -->
      <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bp/custom_screen.css" type="text/css" media="screen, projection"></link>
      <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bp/print.css" type="text/css" media="print"></link>
      <!--[if lt IE 8]><link rel="stylesheet" href="${pageContext.request.contextPath}/css/bp/ie.css" type="text/css" media="screen, projection"><![endif]-->
      <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bp/fancy-type/screen.css" type="text/css" media="screen, projection"></link>
      
      <!-- js files -->
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.3.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.jmesa.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jmesa.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate.js"></script>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/jmesa.css"></link>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/example.css"></link>
	
	<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/dhtmlgoodies_calendar.css?random=20051112" media="screen"></LINK>
	<SCRIPT type="text/javascript" src="${pageContext.request.contextPath}/js/dhtmlgoodies_calendar.js?random=20060118"></script>
	
<script type="text/javascript">
	

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}


	
	$(document).ready(function(){
		$("#paisDesde").load("PaisServlet");
	    $("#paisDestino").load("PaisServlet");   
	  });
	
	function selectRegionOrigen(){
		//obtiene los objetos productCode, 
	    var id=$("#paisDesde").val(); //.. y se obtiene el valor
	    //llama al servlet con el parametro seleccionado
	    $("#regionDesde").load("RegionServlet", {paisId:id});
	};

	function selectRegionDestino(){
		//obtiene los objetos productCode, 
	    var id=$("#paisDestino").val(); //.. y se obtiene el valor
	    //llama al servlet con el parametro seleccionado
	    $("#regionDestino").load("RegionServlet", {paisId:id});
	};
	
	function validarFechas(){
		
		var fecha1= document.getElementById("fechaDesde").value;
		var fecha2= document.getElementById("fechaHasta").value;
		if (comparaFecha(fecha1, fecha2)){  
		  alert("El campo fecha hasta desde ser mayor al campo fecha desde");
		  return false;
		  
		}else{  
		  return true;
		}  
		
	}
	
	</script>
<style type="text/css">
/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */
a.tooltip span {
	display: none;
	padding: 2px 3px;
	margin-left: 8px;
	width: 230px;
}

a.tooltip:hover span {
	display: inline;
	position: absolute;
	border: 1px solid #cccccc;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFFF99;
	color: #000000;
}
</style>

</head>
<body>

	<div class="sitio">
		<%@ include file="../divHeader.jsp" %>
		<jsp:include page="../navigation_logo.jsp" />
		<%@ include file="../menu_usuarios.jsp" %>
		

		<div class="titulo">Mis Ofertas de Carga</div>
		<div class="banner_columna"></div>
		<div class="content">


			<div class="content">

				<form id="form" name="form" method="post"
					action="OfertaCargaAction.do?accion=filtroCarga">
					<input type="hidden" id="tipoFiltro" name="tipoFiltro" value="actual"/>
					<br>

						<div class="contenedor">
							<br />

							<legend>
								<b>Oferta de Carga</b> 
								  <select name="cambioListado" id="cambioListado" onchange="MM_jumpMenu('parent',this,0)">
							    <option value="OfertaCargaAction.do?accion=verOfertas&tipoFiltro=Vigentes" ${selectedTipoFiltroVig}>Vigentes</option>
							    <option value="OfertaCargaAction.do?accion=verOfertas&tipoFiltro=Historico" ${selectedTipoFiltroHis}>Historico</option>
							  </select>
								
							</legend>

							<div id="filtroOdertaCArga">
								<table width="606" height="99" border="0">
									<tr>
										<td width="221" rowspan="2" valign="top">
											Fecha desde <input name="fechaDesde" type="text" id="fechaDesde" size="15" />
											<img src="${pageContext.request.contextPath}/images/calendar.gif" alt="" width="13" height="12"   onclick="displayCalendar(document.form.fechaDesde,'dd/mm/yyyy',this)"/>
										
										</td>
										<td width="91" rowspan="2" valign="top">Origen</td>
										<td width="50" valign="top">Pais</td>
										<td width="216" valign="top">
											<select name="paisOrigen" id="paisDesde" onchange="selectRegionOrigen()">
											<option value="">Seleccione</option>
											</select>
										</td>
									</tr>
									<tr>
										<td valign="top">Region</td>
										<td valign="top">
												<select name="regionOrigen" id="regionDesde">
													<option value="">Seleccione</option>
												</select>
										</td>
									</tr>
									<tr>
										<td rowspan="2" valign="top">
											Fecha hasta <input	name="fechaHasta" type="text" id="fechaHasta" size="15" />
										<img src="${pageContext.request.contextPath}/images/calendar.gif" alt="" width="13" height="12"   onclick="displayCalendar(document.form.fechaHasta,'dd/mm/yyyy',this)"/>
										</td>
										<td rowspan="2" valign="top">Destino</td>
										<td valign="top">Pais</td>
										<td valign="top">
										
										
											<select name="paisDestino" id="paisDestino" onchange="selectRegionDestino()" >
												<option value="">Seleccione</option>
											</select>
									</tr>
									<tr>
										<td valign="top">Region</td>
										<td valign="top">
											<select name="regionDestino" id="regionDestino">
										  		<option value="">Seleccione</option>
											</select>
										</td>
									</tr>
									<tr>
										<td valign="top">&nbsp;</td>
										<td colspan="3" valign="top">
										 <input type="submit" name="Buscar" value="Buscar"  onclick="validarFechas();"/>
										</td>
									</tr>
								</table>
							</div>


							<div id="resultadoFiltroCarga">
					
								 <jmesa:tableModel
					               id="tagSimplest" 
					               items="${resultadoFiltro}"
					               var="bean"
					               stateAttr="restore">
					               
					               <jmesa:htmlTable>               
					                   <jmesa:htmlRow> 
					                       <jmesa:htmlColumn property="id" title="Codigo">
					                       		PUOC-${bean.id}
					        			   </jmesa:htmlColumn>		
					                       <jmesa:htmlColumn property="fechaDesde" title="Fecha Desde">
					                       		<fmt:formatDate value="${bean.fechaDesde}" pattern="dd/MM/yyyy"/>
					        			   </jmesa:htmlColumn>		
					                       <jmesa:htmlColumn property="fechaHasta"  title="Fecha Hasta">
					                       		<fmt:formatDate value="${bean.fechaHasta}" pattern="dd/MM/yyyy"/>
					                      
					        			   </jmesa:htmlColumn>		
					                       <jmesa:htmlColumn property="origen" title="Origen">
					                       		<c:out value="${bean.origen.resumen}" />
					        			   </jmesa:htmlColumn>		
					                       <jmesa:htmlColumn property="destino" title="Destino">
					                       		<c:out value="${bean.destino.resumen}" />
					        			   </jmesa:htmlColumn>		
					                      <jmesa:htmlColumn property="acciones" title="Acciones">
					                       		<img onClick="location.href='OfertaCargaAction.do?accion=verDetalle&idOc=${bean.id}'" src="${pageContext.request.contextPath}/imagenes/ver.gif" />
					                       		<img onClick="location.href='OfertaCargaAction.do?accion=ForDelete&idOc=${bean.id}'" src="${pageContext.request.contextPath}/imagenes/borrar.gif" />
					                       		<img onClick="location.href='OfertaCargaAction.do?accion=verPost&idOc=${bean.id}'" src="${pageContext.request.contextPath}/imagenes/detalle.gif" />
					        			   </jmesa:htmlColumn>
					                   </jmesa:htmlRow>
					               </jmesa:htmlTable> 
					            </jmesa:tableModel>
							</div>
				</form>


			</div>

			<div class="footer">
				<table width="264" border="0" cellpadding="0" cellspacing="0"
					align="center">
					<tr>
						<td width="264">

							<table id="j_id_id440:piemenu" class="pie">
								<tbody>
									<tr>
										<td><a href="#"
											style="font-family: arial, verdana; font-size: 10px;"
											class="">Pol&iacute;ticas de Privacidad</a>
										</td>

										<td>|</td>
										<td><a href="#"
											style="font-family: arial, verdana; font-size: 10px;"
											class="">Cont&aacute;ctenos</a>
										</td>
									</tr>
								</tbody>
							</table></td>
					</tr>
				</table>

			</div>
		</div>
		<script type="text/javascript">
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-23324507-1']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
</script>
</body>
</html>


